<template>
  <div>
    <line-chart id="chart-line" :pid="'line-chart'" :xAxis="xAxis" :data="data"></line-chart>
  </div>
</template>

<script>
import LineChart from "@/components/canvas/line";
export default {
  name: "chart",
  components: { LineChart },
  data() {
    return {
      xAxis: [
        "11.1-11.2",
        "11.3-11.9",
        "11.10-11.16",
        "11.17-11.23",
        "11.24-11.30"
      ],
      data: [268, 1236, 1273, 1545, 1988]
    };
  }
};
</script>

<style scoped>
#chart-line {
  width: 100%;
  height: 300px;
}
#line-chart {
  height: 100%;
}
</style>
